<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>专区页</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入头部样式 -->
    <link rel="stylesheet" href="../css/head.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/product.css">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../css/slider.css">
    <!-- 引入jQuery -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 引入js插件 -->
    <script src="../lib/jquery.slidebox.js"></script>
    <script src="../lib/slide.fn.js"></script>
    <!-- 引入无缝轮播插件 -->
    <script src="../lib/super_slider.js"></script>

    <!-- 引入当前js -->
    <script src="../js/product.js"></script>


</head>

<body style="padding-bottom:500px">
    <!-- 头部 -->
    <div class="head ">
        <div class="container-fluid bgc00">
            <div class="head-top container clearfix">
                <p class="text-left">乐购www.legou.com</p>
                <p class="text-mid">欢迎光临乐购 请
                    <a href="../html/login.html">登录</a>
                    <span>|</span>
                    <a href="../html/register.html">注册</a>
                </p>

                <p class="text-index"><a href="../html/index.html">返回首页</a></p>

            </div>
        </div>
        <div class="head-nav container">
            <div class="logo">
                <img src="../images/logo_00.png" alt="">
            </div>
            <form class="search">
                <input class="input1" type="text" placeholder="请输入搜索的商品名">
                <input class="input2" type="submit" value="">
                <img src="../images/搜索.png" alt="">
            </form>
            <div class="shop">
                <img src="../images/购物车.png" alt="">
                <span><a href="../html/carts.html">购物车</a></span>
                <div class="yuan">0</div>
            </div>
            <div class="mine"><a href="#">我的订单</a></div>

            <ul class="text clearfix">
                <li><a class="on" href="#">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="../html/product.html">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方转产</a> </li>
                <li><a href="#">海外购</a></li>
                <li><a href="../html/details.html">电器城</a></li>
            </ul>

        </div>


    </div>

    <!-- 广告图 -->
    <div class="banner container-fluid">
        <div class="banner-box">
            <p class=" fs24 fcff fw">潮流新区</p>
            <dl>
                <dt class="fcff fw">大家都在穿</dt>
                <dd class="fcff">
                    当季新品
                    商场同款
                    天猫独家
                    连衣裙
                    卫衣
                    衬衫
                    气质套装
                    卫衣
                    毛衣
                    羽绒服
                    短外套
                </dd>
                <dt class="fcff fw">品质上装</dt>
                <dd class="fcff">
                    当季新品
                    商场同款
                    天猫独家
                    连衣裙
                    卫衣
                    衬衫
                    短外套
                </dd>
                <dt class="fcff fw">特色服饰</dt>
                <dd class="fcff">
                    时尚套装
                    休闲套装
                    妈妈装
                    大码女装
                    卫衣
                    套装裙
                    皮草
                    雪纺长裙
                    短裤
                    哈伦裤
                    风衣
                </dd>
            </dl>
        </div>
    </div>
    
     <!-- 背景色大盒子 -->
     <div class="big-box container-fluid bgcf4" style="height: 2860px;">
    
    
        <!-- 品牌-->
        <div class="produce container  mt50">
            <div class="flash fl">
                <p class="fs24 fw ">品牌闪购
                    <img src="../images/圆圈箭头.png" alt="">
                </p>
                <img src="../images/pingpai_07.jpg" alt="">
            </div>
            <div class="channel fl">
                <p class="chinese">聚名品 <span>LUXURY CHANNEL</span>
                    <img src="../images/圆圈箭头.png" alt="">
                </p>
    
                <img src="../images/pingpai_09.jpg" alt="">
            </div>
            <div class="activity fl">
                <p class="chinese">品牌活动 <span>BRAND ACTIVITY</span>
                    <img src="../images/圆圈箭头.png" alt="">
                </p>
                <img src="../images/pingpai_11.jpg" alt="">
            </div>
            <div class="four">
                <ul>
                    <li><img src="../images/tu1.jpg" alt=""></li>
                    <li><img src="../images/tu2.jpg" alt=""></li>
                    <li><img src="../images/tu3.jpg" alt=""></li>
                    <li><img src="../images/tu4.jpg" alt=""></li>
                </ul>
            </div>
    
    
        </div>
    
        <!-- 女装热销 -->
        <div class="woman container mt50">
            <div class="woman-hot">
                <img class="fl left" src="../images/icon-1_17.jpg" alt="">
                <p>女装热销</p>
                <img class="fr right" src="../images/icon-1_19.jpg" alt="">
                <p class="en1">Ladies Fashion Hot Sell</p>
            </div>
            <div class="woman-left fl">
                <img src="../images/woman_07.jpg" alt="">
            </div>
            <div class="woman-mid fl clearfix">
                <ul>
                    <li><img src="../images/woman_09.jpg" alt=""></li>
                    <li><img src="../images/woman_10.jpg" alt=""></li>
                    <li><img src="../images/woman_12.jpg" alt=""></li>
                    <li><img src="../images/woman_13.jpg" alt=""></li>
                </ul>
            </div>
            <div class="woman-right fl  bd">
    
                <h3><span class="nv1 fw">女装销量</span><span class="bao">爆买热款 实时更新</span></h3>
                <ul>
    
                    <li>
                        <h4 class="active fw c00">1.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix on">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">2.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">3.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">4.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">5.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">6.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                   
    
                </ul>
    
    
            </div>
    
        </div>
        <!-- 男装热销 -->
        <div class="woman container  mt50">
            <div class="woman-hot">
                <img class="fl left" src="../images/icon-1_17.jpg" alt="">
                <p>男装热销</p>
                <img class="fr right" src="../images/icon-1_19.jpg" alt="">
                <p class="en1">Ladies Fashion Hot Sell</p>
            </div>
            <div class="woman-left fl">
                <img src="../images/11_03.jpg" alt="">
            </div>
            <div class="woman-mid fl clearfix">
                <ul>
                    <li><img src="../images/22_03.jpg" alt=""></li>
                    <li><img src="../images/33_03.jpg" alt=""></li>
                    <li><img src="../images/44_03.jpg" alt=""></li>
                    <li><img src="../images/5_03.jpg" alt=""></li>
                </ul>
            </div>
            <div class="man-right fl  bd">
    
                <h3><span class="nv1 fw">女装销量</span><span class="bao">爆买热款 实时更新</span></h3>
                <ul>
    
                    <li>
                        <h4 class="active fw c00">1.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix on">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">2.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">3.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">4.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix ">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">5.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix ">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                    <li>
                        <h4 class="fw c00">6.乐町牛仔外套女19秋季新款短外套女</h4>
                        <div class="clearfix">
    
                            <img class="fl" src="../images/nvzhuang_03.jpg" alt="">
                            <p class="nv2 fw c00">乐町牛仔外套女19秋季新款短外套女</p>
                            <p class="nv3">&yen;<span class="price c00 fw fs20">199.00</span></p>
                        </div>
                    </li>
                   
    
                </ul>
    
    
            </div>
    
        </div>
    
        <!-- 品牌专区 -->
        <div class="only-fashion container mt50">
            <div class="woman-hot">
                <img class="fl left" src="../images/icon-1_17.jpg" alt="">
                <p>品牌专区</p>
                <img class="fr right" src="../images/icon-1_19.jpg" alt="">
                <p class="en1">Ladies Fashion Hot Sell</p>
            </div>
            <div class="only-redouce ">
                  <img class="fl" src="../images/man.jpg" alt="">
                  <span>XX品牌</span>
                  <p>JEANS更注重与年青一代的情感沟通，提出“不普通的普通人”的品牌主张，鼓励年轻群体在生活之中坚持小自我，在平凡之中展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同。</p>
                  <div class="minbox">
                      <a href="">品牌特卖中   <span class="fr">>></span></a>
                  </div>
            </div>
            <div class="only-bottom">
                <ul>
                    <li><img src="../images/gold.jpg" alt="">
                         <p>GOLD SHARK</p>
                         <span>品质男装  秋季焕新</span>
                    </li>
                    <li><img src="../images/gold1.jpg" alt="">
                        <p>GOLD SHARK</p>
                        <span>品质男装  秋季焕新</span>
                    </li>
                    <li><img src="../images/gold2.jpg" alt="">
                        <p>GOLD SHARK</p>
                        <span>品质男装  秋季焕新</span>
                    </li>
                    <li><img src="../images/gold4.jpg" alt="">
                        <p>GOLD SHARK</p>
                         <span>品质男装  秋季焕新</span>
                    
                    </li>
                </ul>
            </div>
        </div>
    
        <!-- 尾部 -->
        <div class="footer container-fluid ">
            <div class="foot-top container">
              <div class="foot-pic">
                  <ul>
                      <li><img class="fl mr" src="../images/正品保障.jpg" alt="">
                        <p class="fs20 c33 pb10 fw">正品保障</p>
                        <p>正品行货 放心选购</p>
                       </li>
                      <li><img class="fl mr" src="../images/包邮.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">满86包邮</p>
                        <p>满86元 免运费</p>
                     </li>
                      <li><img class="fl mr" src="../images/售后无忧.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">售后无忧</p>
                        <p>7天无理由退货</p>
                     </li>
                      <li><img class="fl mr" src="../images/准时.jpg" alt="">
                       <p class="fs20 c33 pb10 fw">准时送达</p>
                       <p>收获时间由你做主</p>
                   </li>
                  </ul>
              </div>
              <div class="foot-bottom ">
                  <div>
                      <ul class="one">
                          <li><a class="fs18 fw" href="#">新手入门</a></li>
                          <li><a href="#">购物流程</a></li>
                          <li><a href="#">会员制度</a></li>
                          <li><a href="#">订单查询</a></li>
                          <li><a href="#">服务协议及隐私说明</a></li>
                          <li><a href="#">网站地图</a></li>
                      </ul>
                  </div>
    
                  <div>
                      <ul class="two">
                       <li><a class="fs18 fw" href="#">支付方式</a></li>
                       <li><a href="#">货到付款</a></li>
                       <li><a href="#">网上支付</a></li>
                       <li><a href="#">礼品卡支付</a></li>
                       <li><a href="#">其他支付</a></li>
                      </ul>
                  </div>
                  <div>
                   <ul class="three">
                    <li><a class="fs18 fw" href="#">配送服务</a></li>
                    <li><a href="#">配送进度查询</a></li>
                    <li><a href="#">商品验货与签收</a></li>
                    
                   </ul>
               </div>
               <div>
                   <ul class="four">
                    <li><a class="fs18 fw" href="#">相关规则</a></li>
                    <li><a href="#">平台规则</a></li>
                    <li><a href="#">退换货政策</a></li>
                    <li><a href="#">发票制度</a></li>
                    <li><a href="#">帮助中心</a></li>
                    
                   </ul>
               </div>
    
               <div>
                   <ul class="five">
                    <li><a class=" fw" href="#">App更优惠</a></li>
                    <li><img src="../images/二维码.png" alt=""></li>
                   </ul>
               </div>
               <div>
                   <ul class="six">
                    <li><a class=" fw" href="#">加微信查订单</a></li>
                    <li><img src="../images/二维码.png" alt=""></li>
                   </ul>
               </div>
    
              </div>
    
            </div>
            <div class="footer-bottom container">
                <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | 
                   沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            </div>
            <div class="footer-pic container">
                <ul >
                    <li><img src="../images/footer-1.jpg" alt=""></li>
                    <li><img src="../images/footer-2.jpg" alt=""></li>
                    <li><img src="../images/footer-3.jpg" alt=""></li>
                    <li><img src="../images/footer-4.png" alt=""></li>
                    <li><img src="../images/footer-5.png" alt=""></li>
                    <li><img src="../images/footer-6.jpg" alt=""></li>
                </ul>
            </div>
    
    
    </div>


    </div>












</body>

</html>